<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="description" content="">
		<meta name="author" content="">
		<title>个人中心</title>
		<!-- Bootstrap -->
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="css/person.css">
		<link rel="stylesheet" type="text/css" href="font/iconfont.css">

		<!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
	</head>

	<body>
		<!-- 顶部 -->
		<header>
			<div class="header-left">返回</div>
			<div class="header-right">个人中心</div>
		</header>
		<!-- 主体 -->
		<div class="main">
			<div class="top">
				<p id="name">巴拉巴拉</p>
				<div class="touxiang"><img id="faceImg" src="images/pic.png" alt=""></div>
			</div>
			<div class="content" style="height: auto;">
				<div class="cont-box pers">
					<a href="house.html" title="" style="border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;">
						<i><img src="images/fangyuan1.png"  alt=""></i>
						<span>房源信息</span>
					</a>
					<div class="per"><img src="images/person.png" alt=""></div>
				</div>
				<div class="cont-box1">
					<a href="contract.html" title="" style="border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;">
						<i><img src="images/hetong1.png" alt=""></i>
						<span>合同信息</span>
					</a>
				</div>
				<div class="cont-box">
					<a href="set.html" title="" style="border-right: 1px solid #ccc;border-top: 1px solid #ccc;">
						<i><img src="images/shezhi1.png" alt=""></i>
						<span>账户设置</span>
					</a>
				</div>
				<div class="cont-box1">
					<a href="message.html" title="" style="border-left: 1px solid #ccc;border-top: 1px solid #ccc;">
						<i id="show"><img src="images/xiaoxi1.png" alt=""><em id="cnt"></em></i>
						<span>消息中心</span>
					</a>
				</div>
				<div style="height:40px;">&nbsp;</div>
			</div>
		</div>
		<!-- 底部 -->
		<footer>
			<ul>
				<a href="index.html">
					<li style="border-right: 1px solid #fff;"><i class="iconfont">&#xe633;</i><span>首页</span></li>
				</a>
				<a href="bill.html">
					<li style="border-right: 1px solid #fff;"><i class="iconfont">&#xe754;</i><span>账单</span></li>
				</a>
				<a href="person.html">
					<li class="blue"><i class="iconfont">&#xe61a;</i><span>我的</span></li>
				</a>
			</ul>
		</footer>

	</body>
	<script src="js/jquery.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/person.js"></script>
	<script src="js/flexible.js"></script>
	<script>
		var id = localStorage.getItem("id");
		if(id) {
			$.post(
				rootpath + '/contractMaster/findContractMaster/' + id,
				function(data) {
					$("#name").html(data.nickname);
					$("#faceImg").attr("src", data.faceImg);
					if(data.msg==0){
						//如果消息为0
						$("#show").hide();
					}else{
						$("#show").show();
						$("#cnt").html(data.msg);
					}
				}, "json"
			);
		} else {
			location.href = "login.html";
		}
	</script>

</html>